<template>
	<view class="accandsec">
		<view class="accandsec-box" v-for="(item,index) in list" :key="index" @click="jump(item.url)">
			<text class="accandsec-box-left">{{item.text}}</text>
			<view class="accandsec-box-right">
				<text>{{item.name}}</text>
				<image src="../../../../static/mine/rightjiantou.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{
					text:'修改账户名称',name:'小明',url:'./modifyName'
				},{
					text:'修改登录密码',url:'./modifyPwd'
				},{
					text:'完善信息',url:"./perfectInfo"
				},{
					text:'修改手机号码',url:'./smsVerification'
				},{
					text:'忘记密码',url:'./forgetPwd'
				}]
			}
		},
		methods: {
			jump(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style scoped lang="less">
.accandsec{
	padding: 40rpx;
	.accandsec-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20rpx;
		padding-top: 40rpx;
		border-bottom: 1px solid #D1D1D1;
		.accandsec-box-left{
			font-size: 32rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
		}
		.accandsec-box-right{
			display: flex;
			align-items: center;
			justify-content: center;
			text{
				font-size: 32rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #999999;
				margin-right: 15rpx;
			}
			image{
				width: 16rpx;
				height: 30rpx;
				margin-top: 8rpx;
			}
		}
	}
}
</style>
